<template>
	<!-- 我的账户 -->
	<view class="account">
		<view class="list">
			<view class="item">
				<text>用户名</text>
				<view class="iconfont icon-you-jiantou"></view>
			</view>
			<view class="item">
				<text>会员等级</text>
				<view class="iconfont icon-you-jiantou"></view>
			</view>
		</view>
		<view class="list">
			<view class="item">
				<text>绑定手机</text>
				<view class="iconfont icon-you-jiantou"></view>
			</view>
			<view class="item">
				<text>绑定邮箱</text>
				<view class="iconfont icon-you-jiantou"></view>
			</view>
			<view class="item">
				<text>修改登录密码</text>
				<view class="iconfont icon-you-jiantou"></view>
			</view>
		</view>
		<view class="list">
			<view class="item">
				<text>实名认证</text>
				<view class="iconfont icon-you-jiantou"></view>
			</view>
		</view>
		<view class="logout">退出登录</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page {
		height: 100%;
		.account {
			height: 100%;
			background-color: #eeeeee;
			overflow: hidden;
			.list {
				background-color: #FFFFFF;
				margin: rpx($uni-margin-top) rpx($uni-margin-left) 0;
				.item {
					display: flex;
					height: rpx(50);
					line-height: rpx(50);
					padding: 0 rpx(17);
					justify-content: space-between;
					text {
						font-size: rpx(18);
					}
					view {
						color: #eee;
						font-size: rpx(26);
					}
					&:not(:last-child) {
						border-bottom: 1px solid #ddd;
					}
				}
			}
			.logout {
				margin: rpx($uni-margin-top) rpx($uni-margin-left) 0;
				background-color: #FFFFFF;
				text-align: center;
				font-size: rpx(20);
				color: #888;
				height: rpx(50);
				line-height: rpx(50);
				font-weight: bold;
			}
		}
	}
	
</style>
